<template>
	<view class="Limit">
		<view class="goodlist">
			<image src="../../static/icon/good-2.png" mode="" style="width:30rpx;height: 30rpx;"></image>
			<view class="goodUserName" v-for="(item,index) in list" :key="index">
				<text>{{item.friendName}}</text>
			</view>
	
		</view>
	</view>
</template>

<script>
export default {
	data() {
		return {
			title: 'Hello'
		}
	},
	props:['list'],
	onLoad() {

	},
	mounted() {
	},
	methods: {
	
	}
}
</script>

<style lang="scss">
	.goodlist{
		display: flex;
		align-items: center;
		padding: 10rpx 20rpx;
		background-color: rgba(0, 0, 0, 0.02);
		border-radius: 3px;
		image{
			margin-right: 15rpx;
		}
		.goodUserName{
			font-size: 12px;
			transform: scale(0.9);
			&::after{
				content: ',';
			}
			&:nth-last-child(1){
				&::after{
					content: '';
				}
			}
		}
	}
</style>
